<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业4-注册页面</title>
    <style>
        body {
            width: 450px;
            margin: 20px auto;
        }
    </style>
</head>

<body>
    <h2 align="center">用户注册</h2>
    <form action="#" method="get">
        <fieldset>
            <legend>身份验证-必填信息</legend>
            <table align="center">
                <tr>
                    <td align="right">用户名</td>
                    <td>
                        <input type="text" name="username" id="">
                    </td>
                </tr>
                <tr>
                    <td align="right">密码</td>
                    <td>
                        <input type="password" name="pwd" id="">
                    </td>
                </tr>
                <tr>
                    <td align="right">密码确认</td>
                    <td>
                        <input type="password" name="repwd" id="">
                    </td>
                </tr>
            </table>
        </fieldset>

        <fieldset>
            <legend>身份信息-选填信息</legend>
            <table align="center">
                <tr>
                    <td align="right">所在城市</td>
                    <td>
                        <input type="text" name="city" id="">
                    </td>
                </tr>
                <tr>
                    <td align="right">工作单位</td>
                    <td>
                        <input type="text" name="work" id="">
                    </td>
                </tr>
                <tr>
                    <td align="right">家庭住址</td>
                    <td>
                        <input type="text" name="add" id="">
                    </td>
                </tr>
            </table>
        </fieldset>

        <fieldset>
            <legend>其他个人信息</legend>
            <table align="center">
                <tr>
                    <td align="right">性别</td>
                    <td>
                        <select name="gender" id="">
                            <option value="boy" selected>男孩</option>
                            <option value="'girl">女孩</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td align="right">爱好</td>
                    <td>
                        <input type="checkbox" name="hobby"> 音乐
                        <input type="checkbox" name="hobby"> 体育
                        <input type="checkbox" name="hobby"> 计算机
                    </td>
                </tr>
                <tr>
                    <td align="right">喜欢的公司</td>
                    <td>
                        <input type="radio" name="compary"> 百度
                        <input type="radio" name="compary"> 微软中国
                        <input type="radio" name="compary"> 谷歌中国
                    </td>
                </tr>
                <tr>
                    <td align="right">个人简介</td>
                    <td>
                        <textarea name="desc" id="" rows="4" cols="35"></textarea>
                    </td>
                </tr>
            </table>
        </fieldset>

        <div align="center">
            <input type="submit" value="提交您的资料">
            <input type="reset" value="重新编写资料">
            <br>
            <input type="submit" disabled value="无效按钮">
        </div>
    </form>
</body>

</html>